<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>陌陌酒店平台</title>
<!-- Stylesheets -->
<link href="static/css/bootstrap.css" rel="stylesheet">
<link href="static/css/revolution-slider.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="static/images/favicon.ico" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="static/css/responsive.css" rel="stylesheet">
    <script type="text/javascript" src="static/jquery/jquery-2.1.1.min.js"></script>
</head>


<body>
<div class="page-wrapper">

    <header class="header" id="header"></header>
    <script type="text/javascript">
        //登录成功回显用户信息
        $(function(){
            $("#header").load('header.html',function () {
                $.ajax({
                    type:"post",
                    url:"getUserBySession",
                    contentType: "application/json; charset=utf-8",
                    async:true,
                    success:function(data){
                        console.log(data.username)
                        if (data.username ===undefined) {
                            //$(".userIcon").text(data.username)
                        }else {
                            //console.log("ttttttt"+data.username);

                            $(".userIcon").text(data.username);
                            $(".userReg").css("display","none");
                            $(".userLog").text("切换用户");
                        }
                    },
                    error: function (xhr) {
                        alert("异常");
                    }
                });
            })
        });

    </script>
    

    <!-- main header area end -->

     <!--Page Title-->
    <section class="page-title text-center">
        <div class="auto-container">
            <div class="content-box">
                <div class="title">反馈信息</div>
                <ul class="bread-crumb">
                    <li><a href="index.html">主页<i class="fa fa-angle-right"></i></a></li>
                    <li>反馈信息</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- contact section -->
    <section class="contact-section contact-page">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col-sm-12 col-xs-12">
                    <div class="contact-form">
                        <h2>反馈信息</h2>
                        <form id="contact-form" name="contact_form" class="default-form">
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <textarea placeholder="请输入你的反馈信息" id="content" name="form_message"></textarea>
                                </div>
                            </div>
                            <button type="button" id="feedback" class="btn-one" data-loading-text="Please wait...">发送反馈</button>
                        </form>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="contact-info">
                        <h2>联系信息</h2>
                        <div class="single-item">
                            <i class="fa fa-map-marker"></i>
                            <div class="info-title">地理位置</div>
                            <div class="text">广州市天河区</div>
                        </div>
                        <div class="single-item">
                            <i class="fa fa-phone"></i>
                            <div class="info-title">电话号码</div>
                            <div class="text">0898-68718324</div>
                        </div>
                        <div class="single-item">
                            <i class="fa fa-envelope"></i>
                            <div class="info-title">邮箱</div>
                            <div class="text"><a href="#">momohotel@mm.com</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- contact section end -->

    <!--百度地图-->

    <div id="allmap" style="height: 400px;width: auto;"></div>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        // 添加带有定位的导航控件
        var navigationControl = new BMap.NavigationControl({
            // 靠左上角位置
            anchor: BMAP_ANCHOR_TOP_LEFT,
            // LARGE类型
            type: BMAP_NAVIGATION_CONTROL_LARGE,
            // 启用显示定位
            enableGeolocation: true
        });
        map.addControl(navigationControl);
        // 添加定位控件
        var geolocationControl = new BMap.GeolocationControl();
        geolocationControl.addEventListener("locationSuccess", function(e){
            // 定位成功事件
            var address = '';
            address += e.addressComponent.province;
            address += e.addressComponent.city;
            address += e.addressComponent.district;
            address += e.addressComponent.street;
            address += e.addressComponent.streetNumber;
            alert("当前定位地址为：" + address);
        });
        geolocationControl.addEventListener("locationError",function(e){
            // 定位失败事件
            alert(e.message);
        });
        map.addControl(geolocationControl);

        map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
        map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
    </script>
    <!-- google map area end -->


    <!--页眉-->
    <div class="footer" id="footer" ></div>
    <script type="text/javascript">
        /*引入Header部分公共代码*/
        $(function(){
            $.ajax({
                type:"get",
                url:"footer.html",
                async:true,
                success:function(data){
                    $("#footer").html(data);
                }
            });
        });
    </script>

    <script>
        <!-- 反馈信息 -->
        $("#feedback").bind("click", function () {
            $.ajax({
                //提交数据的类型 POST GET
                type: "POST",
                //提交的网址
                url: "feedback",
                data: {
                    "content":$("#content").val()
                },
                success: function (returnData) {
                    if (returnData == "请登录" ) {
                        alert(returnData);
                        window.location.href = "login1.html"
                    }else if(returnData == "反馈内容不能为空"){
                        alert(returnData)
                    }else if(returnData == "反馈成功"){
                        alert(returnData);
                        window.location.reload()
                    }else if(returnData == "反馈失败"){
                        alert(returnData)
                    }
                },
                //调用出错执行的函数
                error: function (responseText) {
                    //请求出错处理
                    console.error(responseText);
                }
            });
        });
    </script>
    
    
</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>



<!-- jQuery js -->


<script src="static/js/map-script.js"></script>
<script type="text/javascript" src="static/js/jquery-2.1.4.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/jquery.themepunch.tools.min.js"></script>
<script src="static/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="static/js/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="static/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="static/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="static/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="static/js/jquery.appear.js"></script>
<script type="text/javascript" src="static/js/jquery.countTo.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/jquery.fancybox.pack.js"></script>
<script src="static/js/jquery.fancybox-media.js"></script>
<script src="static/js/owl.js"></script>
<script src="static/js/masterslider.js"></script>
<script type="text/javascript" src="static/js/jquery.polyglot.language.switcher.js"></script>
<script src="static/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="static/js/jquery.mixitup.min.js"></script>
<script src="static/js/validate.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/script.js"></script>
<script type="text/javascript" src="static/js/theme.js"></script>

<script src="static/js/timePicker.js"></script>
<script src="static/js/jquery-ui.js"></script>
<script src="static/js/gmaps.js"></script>



<!-- End of .page_wrapper -->

</body>
</html>
